<template>
	<view class="container">
		<view class="content">
			<web-view :src="webUrl"></web-view>
		</view>

		<!-- 自定义底部导航栏 -->
		<bottom-navbar :current="1"></bottom-navbar>
	</view>
</template>

<script setup>
import { ref, reactive, onMounted } from 'vue';
import { onLoad, onShow } from '@dcloudio/uni-app';

const webUrl = ref('https://www.daolan.net.cn/h5/?shop_id=10205#/');


onLoad(() => { });


onMounted(() => { });

</script>

<style lang="scss" scoped>
.container {
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	background: linear-gradient(-45deg, #ee7752, #e7bb41, #cc3f85, #2f86a6);
	background-size: 400% 400%;
	animation: gradientMove 10s ease infinite;
}

@keyframes gradientMove {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

.content {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40rpx;
}
</style>